
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont ia-wangzhan"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.ia-wangzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-status5"></i>
                    <div class="name">状态5</div>
                    <div class="fontclass">.ia-status5</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtaijiankong"></i>
                    <div class="name">状态监控</div>
                    <div class="fontclass">.ia-zhuangtaijiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-danxuanfill"></i>
                    <div class="name">单选-fill</div>
                    <div class="fontclass">.ia-danxuanfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-danxuan"></i>
                    <div class="name">单选</div>
                    <div class="fontclass">.ia-danxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fangxingweixuanzhong"></i>
                    <div class="name">方形未选中</div>
                    <div class="fontclass">.ia-fangxingweixuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fangxingxuanzhongfill"></i>
                    <div class="name">方形选中-fill</div>
                    <div class="fontclass">.ia-fangxingxuanzhongfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fangxingxuanzhong"></i>
                    <div class="name">方形选中</div>
                    <div class="fontclass">.ia-fangxingxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanbi1"></i>
                    <div class="name">关闭1</div>
                    <div class="fontclass">.ia-guanbi1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanbi2fill"></i>
                    <div class="name">关闭2-fill</div>
                    <div class="fontclass">.ia-guanbi2fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanbi2"></i>
                    <div class="name">关闭2</div>
                    <div class="fontclass">.ia-guanbi2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jiahao"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.ia-jiahao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-liebiaoxingshi"></i>
                    <div class="name">列表形式</div>
                    <div class="fontclass">.ia-liebiaoxingshi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-liuyanfill"></i>
                    <div class="name">留言-fill</div>
                    <div class="fontclass">.ia-liuyanfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-liuyan"></i>
                    <div class="name">留言</div>
                    <div class="fontclass">.ia-liuyan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pengyoufill"></i>
                    <div class="name">朋友-fill</div>
                    <div class="fontclass">.ia-pengyoufill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pengyou"></i>
                    <div class="name">朋友</div>
                    <div class="fontclass">.ia-pengyou</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.ia-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.ia-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shenfen"></i>
                    <div class="name">身份</div>
                    <div class="fontclass">.ia-shenfen</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shizhongfill"></i>
                    <div class="name">时钟-fill</div>
                    <div class="fontclass">.ia-shizhongfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shizhong"></i>
                    <div class="name">时钟</div>
                    <div class="fontclass">.ia-shizhong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouyefill"></i>
                    <div class="name">首页-fill</div>
                    <div class="fontclass">.ia-shouyefill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.ia-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.ia-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-sousuoleimufill"></i>
                    <div class="name">搜索类目-fill</div>
                    <div class="fontclass">.ia-sousuoleimufill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-sousuoleimu"></i>
                    <div class="name">搜索类目</div>
                    <div class="fontclass">.ia-sousuoleimu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-taobao"></i>
                    <div class="name">淘宝</div>
                    <div class="fontclass">.ia-taobao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-taojinbi"></i>
                    <div class="name">淘金币</div>
                    <div class="fontclass">.ia-taojinbi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tianmao"></i>
                    <div class="name">天猫</div>
                    <div class="fontclass">.ia-tianmao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tongzhifill"></i>
                    <div class="name">通知-fill</div>
                    <div class="fontclass">.ia-tongzhifill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tongzhi"></i>
                    <div class="name">通知</div>
                    <div class="fontclass">.ia-tongzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tuikuan"></i>
                    <div class="name">退款</div>
                    <div class="fontclass">.ia-tuikuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wangwangfill"></i>
                    <div class="name">旺旺-fill</div>
                    <div class="fontclass">.ia-wangwangfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wangwang"></i>
                    <div class="name">旺旺</div>
                    <div class="fontclass">.ia-wangwang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wodefill"></i>
                    <div class="name">我的-fill</div>
                    <div class="fontclass">.ia-wodefill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wode"></i>
                    <div class="name">我的</div>
                    <div class="fontclass">.ia-wode</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wuliu"></i>
                    <div class="name">物流</div>
                    <div class="fontclass">.ia-wuliu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xihuanfill"></i>
                    <div class="name">喜欢-fill</div>
                    <div class="fontclass">.ia-xihuanfill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xihuan"></i>
                    <div class="name">喜欢</div>
                    <div class="fontclass">.ia-xihuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xinxifill"></i>
                    <div class="name">信息-fill</div>
                    <div class="fontclass">.ia-xinxifill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xinxi"></i>
                    <div class="name">信息</div>
                    <div class="fontclass">.ia-xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-youhuiquan"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.ia-youhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yuyan"></i>
                    <div class="name">语言</div>
                    <div class="fontclass">.ia-yuyan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhengli"></i>
                    <div class="name">整理</div>
                    <div class="fontclass">.ia-zhengli</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zuji"></i>
                    <div class="name">足迹</div>
                    <div class="fontclass">.ia-zuji</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dibu"></i>
                    <div class="name">底部</div>
                    <div class="fontclass">.ia-dibu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dingbujinzhi"></i>
                    <div class="name">顶部-禁止</div>
                    <div class="fontclass">.ia-dingbujinzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dingbu"></i>
                    <div class="name">顶部</div>
                    <div class="fontclass">.ia-dingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiangshang1"></i>
                    <div class="name">向上1</div>
                    <div class="fontclass">.ia-xiangshang1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiangshang2"></i>
                    <div class="name">向上2</div>
                    <div class="fontclass">.ia-xiangshang2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.ia-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-weibiaoti2zhuanhuan"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.ia-weibiaoti2zhuanhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-danpin"></i>
                    <div class="name">单品</div>
                    <div class="fontclass">.ia-danpin</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-duozhongzhifu"></i>
                    <div class="name">多种支付</div>
                    <div class="fontclass">.ia-duozhongzhifu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-erweima"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.ia-erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guojiwuliu"></i>
                    <div class="name">国际物流</div>
                    <div class="fontclass">.ia-guojiwuliu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-huwai"></i>
                    <div class="name">户外</div>
                    <div class="fontclass">.ia-huwai</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jujia"></i>
                    <div class="name">居家</div>
                    <div class="fontclass">.ia-jujia</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-kuzi"></i>
                    <div class="name">裤子  </div>
                    <div class="fontclass">.ia-kuzi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-muying"></i>
                    <div class="name">母婴</div>
                    <div class="fontclass">.ia-muying</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-nanzhuang"></i>
                    <div class="name">男装</div>
                    <div class="fontclass">.ia-nanzhuang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-neiyi"></i>
                    <div class="name">内衣</div>
                    <div class="fontclass">.ia-neiyi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-nvzhuang"></i>
                    <div class="name">女装</div>
                    <div class="fontclass">.ia-nvzhuang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pinpai"></i>
                    <div class="name">品牌</div>
                    <div class="fontclass">.ia-pinpai</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tequanzhuanshu"></i>
                    <div class="name">特权专属</div>
                    <div class="fontclass">.ia-tequanzhuanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiangbao"></i>
                    <div class="name">箱包</div>
                    <div class="fontclass">.ia-xiangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yishouchu"></i>
                    <div class="name">已售出</div>
                    <div class="fontclass">.ia-yishouchu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-others"></i>
                    <div class="name">others</div>
                    <div class="fontclass">.ia-others</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-heqi"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.ia-heqi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiala"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.ia-xiala</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiala1"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.ia-xiala1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-zhuangtai</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-off"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-off</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-error"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-error</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai_tingyong-copy"></i>
                    <div class="name">状态_停用</div>
                    <div class="fontclass">.ia-zhuangtai_tingyong-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yanzhengmashibie"></i>
                    <div class="name">验证码识别</div>
                    <div class="fontclass">.ia-yanzhengmashibie</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dongtaixinxizhuaqu"></i>
                    <div class="name">动态信息抓取</div>
                    <div class="fontclass">.ia-dongtaixinxizhuaqu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-duochucunzhichi"></i>
                    <div class="name">多储存支持</div>
                    <div class="fontclass">.ia-duochucunzhichi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-duozhongjiexifangan"></i>
                    <div class="name">多种解析方案</div>
                    <div class="fontclass">.ia-duozhongjiexifangan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-lianjiequzhong"></i>
                    <div class="name">链接去重</div>
                    <div class="fontclass">.ia-lianjiequzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-kepeizhihuabaojingfuwu"></i>
                    <div class="name">可配置化报警服务</div>
                    <div class="fontclass">.ia-kepeizhihuabaojingfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yizhanshipeizhi"></i>
                    <div class="name">一站式配置</div>
                    <div class="fontclass">.ia-yizhanshipeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shenduheguangdu"></i>
                    <div class="name">深度和广度</div>
                    <div class="fontclass">.ia-shenduheguangdu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-ziyuanguanli"></i>
                    <div class="name">资源管理</div>
                    <div class="fontclass">.ia-ziyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dashujucunchu"></i>
                    <div class="name">大数据存储</div>
                    <div class="fontclass">.ia-dashujucunchu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dashujukaifataojian"></i>
                    <div class="name">大数据开发套件</div>
                    <div class="fontclass">.ia-dashujukaifataojian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-huaxiangfenxi"></i>
                    <div class="name">画像分析</div>
                    <div class="fontclass">.ia-huaxiangfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jiqixuexi"></i>
                    <div class="name">机器学习</div>
                    <div class="fontclass">.ia-jiqixuexi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-kuaisuBI"></i>
                    <div class="name">快速BI</div>
                    <div class="fontclass">.ia-kuaisuBI</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-keshihuashujuETL"></i>
                    <div class="name">可视化数据ETL</div>
                    <div class="fontclass">.ia-keshihuashujuETL</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-lixianpijisuan"></i>
                    <div class="name">离线批计算</div>
                    <div class="fontclass">.ia-lixianpijisuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-qiyetupu"></i>
                    <div class="name">企业图谱</div>
                    <div class="fontclass">.ia-qiyetupu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shishiliujisuan"></i>
                    <div class="name">实时流计算</div>
                    <div class="fontclass">.ia-shishiliujisuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shujuduoweiducube"></i>
                    <div class="name">数据多维度cube</div>
                    <div class="fontclass">.ia-shujuduoweiducube</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tuxingtuxiangchuli"></i>
                    <div class="name">图形图像处理</div>
                    <div class="fontclass">.ia-tuxingtuxiangchuli</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yuceyinqing"></i>
                    <div class="name">预测引擎</div>
                    <div class="fontclass">.ia-yuceyinqing</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-ziranyuyanchuli"></i>
                    <div class="name">自然语言处理</div>
                    <div class="fontclass">.ia-ziranyuyanchuli</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shujujicheng"></i>
                    <div class="name">数据集成</div>
                    <div class="fontclass">.ia-shujujicheng</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhinengyuyinjiaohu"></i>
                    <div class="name">智能语音交互</div>
                    <div class="fontclass">.ia-zhinengyuyinjiaohu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-qingbaowajue"></i>
                    <div class="name">情报挖掘</div>
                    <div class="fontclass">.ia-qingbaowajue</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-Kxiantu"></i>
                    <div class="name">K线图</div>
                    <div class="fontclass">.ia-Kxiantu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fenxi"></i>
                    <div class="name">分析</div>
                    <div class="fontclass">.ia-fenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-gengduo"></i>
                    <div class="name">更多…</div>
                    <div class="fontclass">.ia-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jiaohu"></i>
                    <div class="name">交互</div>
                    <div class="fontclass">.ia-jiaohu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-leidatu"></i>
                    <div class="name">雷达图</div>
                    <div class="fontclass">.ia-leidatu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-duoweidu"></i>
                    <div class="name">多维度</div>
                    <div class="fontclass">.ia-duoweidu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-sandiantu"></i>
                    <div class="name">散点图</div>
                    <div class="fontclass">.ia-sandiantu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shujushitu"></i>
                    <div class="name">数据视图</div>
                    <div class="fontclass">.ia-shujushitu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhexiantu"></i>
                    <div class="name">折线图</div>
                    <div class="fontclass">.ia-zhexiantu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiala2"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.ia-xiala2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-error1"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-error1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai1"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-zhuangtai1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-accessory"></i>
                    <div class="name">accessory</div>
                    <div class="fontclass">.ia-accessory</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-activity"></i>
                    <div class="name">activity</div>
                    <div class="fontclass">.ia-activity</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-activity_fill"></i>
                    <div class="name">activity_fill</div>
                    <div class="fontclass">.ia-activity_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-add"></i>
                    <div class="name">add</div>
                    <div class="fontclass">.ia-add</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-addition_fill"></i>
                    <div class="name">addition_fill</div>
                    <div class="fontclass">.ia-addition_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-addition"></i>
                    <div class="name">addition</div>
                    <div class="fontclass">.ia-addition</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-addpeople_fill"></i>
                    <div class="name">addpeople_fill</div>
                    <div class="fontclass">.ia-addpeople_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-addpeople"></i>
                    <div class="name">addpeople</div>
                    <div class="fontclass">.ia-addpeople</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-addressbook_fill"></i>
                    <div class="name">addressbook_fill</div>
                    <div class="fontclass">.ia-addressbook_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-browse_fill"></i>
                    <div class="name">browse_fill</div>
                    <div class="fontclass">.ia-browse_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-browse"></i>
                    <div class="name">browse</div>
                    <div class="fontclass">.ia-browse</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-brush"></i>
                    <div class="name">brush</div>
                    <div class="fontclass">.ia-brush</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-brush_fill"></i>
                    <div class="name">brush_fill</div>
                    <div class="fontclass">.ia-brush_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-businesscard_fill"></i>
                    <div class="name">businesscard_fill</div>
                    <div class="fontclass">.ia-businesscard_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-businesscard"></i>
                    <div class="name">businesscard</div>
                    <div class="fontclass">.ia-businesscard</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-camera_fill"></i>
                    <div class="name">camera_fill</div>
                    <div class="fontclass">.ia-camera_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-camera"></i>
                    <div class="name">camera</div>
                    <div class="fontclass">.ia-camera</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-clock_fill"></i>
                    <div class="name">clock_fill</div>
                    <div class="fontclass">.ia-clock_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-clock"></i>
                    <div class="name">clock</div>
                    <div class="fontclass">.ia-clock</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-close"></i>
                    <div class="name">close</div>
                    <div class="fontclass">.ia-close</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-collection_fill"></i>
                    <div class="name">collection_fill</div>
                    <div class="fontclass">.ia-collection_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-collection"></i>
                    <div class="name">collection</div>
                    <div class="fontclass">.ia-collection</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-coordinates_fill"></i>
                    <div class="name">coordinates_fill</div>
                    <div class="fontclass">.ia-coordinates_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-coordinates"></i>
                    <div class="name">coordinates</div>
                    <div class="fontclass">.ia-coordinates</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-document_fill"></i>
                    <div class="name">document_fill</div>
                    <div class="fontclass">.ia-document_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dynamic_fill"></i>
                    <div class="name">dynamic_fill</div>
                    <div class="fontclass">.ia-dynamic_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-enterinto"></i>
                    <div class="name">enterinto</div>
                    <div class="fontclass">.ia-enterinto</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-enterinto_fill"></i>
                    <div class="name">enterinto_fill</div>
                    <div class="fontclass">.ia-enterinto_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-feedback_fill"></i>
                    <div class="name">feedback_fill</div>
                    <div class="fontclass">.ia-feedback_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-feedback"></i>
                    <div class="name">feedback</div>
                    <div class="fontclass">.ia-feedback</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-flag_fill"></i>
                    <div class="name">flag_fill</div>
                    <div class="fontclass">.ia-flag_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-people_fill"></i>
                    <div class="name">people_fill</div>
                    <div class="fontclass">.ia-people_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-people"></i>
                    <div class="name">people</div>
                    <div class="fontclass">.ia-people</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-refresh"></i>
                    <div class="name">refresh</div>
                    <div class="fontclass">.ia-refresh</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-remind_fill"></i>
                    <div class="name">remind_fill</div>
                    <div class="fontclass">.ia-remind_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-remind"></i>
                    <div class="name">remind</div>
                    <div class="fontclass">.ia-remind</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wangzhan1"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.ia-wangzhan1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai11"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-zhuangtai11</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-"></i>
                    <div class="name">emoji-1</div>
                    <div class="fontclass">.ia-emoji-</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-_zhuangtai-zhengchang"></i>
                    <div class="name">2-004.状态-正常</div>
                    <div class="fontclass">.ia-_zhuangtai-zhengchang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtaitishi"></i>
                    <div class="name">状态提示</div>
                    <div class="fontclass">.ia-zhuangtaitishi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-1"></i>
                    <div class="name">emoji-2</div>
                    <div class="fontclass">.ia-emoji-1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-2"></i>
                    <div class="name">emoji-3</div>
                    <div class="fontclass">.ia-emoji-2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-3"></i>
                    <div class="name">emoji-4</div>
                    <div class="fontclass">.ia-emoji-3</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-4"></i>
                    <div class="name">emoji-5</div>
                    <div class="fontclass">.ia-emoji-4</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-5"></i>
                    <div class="name">emoji-6</div>
                    <div class="fontclass">.ia-emoji-5</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-6"></i>
                    <div class="name">emoji-7</div>
                    <div class="fontclass">.ia-emoji-6</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-7"></i>
                    <div class="name">emoji-8</div>
                    <div class="fontclass">.ia-emoji-7</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-8"></i>
                    <div class="name">emoji-9</div>
                    <div class="fontclass">.ia-emoji-8</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-9"></i>
                    <div class="name">emoji-10</div>
                    <div class="fontclass">.ia-emoji-9</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-10"></i>
                    <div class="name">emoji-11</div>
                    <div class="fontclass">.ia-emoji-10</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-11"></i>
                    <div class="name">emoji-12</div>
                    <div class="fontclass">.ia-emoji-11</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-12"></i>
                    <div class="name">emoji-13</div>
                    <div class="fontclass">.ia-emoji-12</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-13"></i>
                    <div class="name">emoji-14</div>
                    <div class="fontclass">.ia-emoji-13</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-14"></i>
                    <div class="name">emoji-15</div>
                    <div class="fontclass">.ia-emoji-14</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-15"></i>
                    <div class="name">emoji-16</div>
                    <div class="fontclass">.ia-emoji-15</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-16"></i>
                    <div class="name">emoji-17</div>
                    <div class="fontclass">.ia-emoji-16</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-17"></i>
                    <div class="name">emoji-18</div>
                    <div class="fontclass">.ia-emoji-17</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-18"></i>
                    <div class="name">emoji-19</div>
                    <div class="fontclass">.ia-emoji-18</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-19"></i>
                    <div class="name">emoji-20</div>
                    <div class="fontclass">.ia-emoji-19</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-20"></i>
                    <div class="name">emoji-21</div>
                    <div class="fontclass">.ia-emoji-20</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-21"></i>
                    <div class="name">emoji-22</div>
                    <div class="fontclass">.ia-emoji-21</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-22"></i>
                    <div class="name">emoji-23</div>
                    <div class="fontclass">.ia-emoji-22</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-23"></i>
                    <div class="name">emoji-24</div>
                    <div class="fontclass">.ia-emoji-23</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-24"></i>
                    <div class="name">emoji-25</div>
                    <div class="fontclass">.ia-emoji-24</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-25"></i>
                    <div class="name">emoji-26</div>
                    <div class="fontclass">.ia-emoji-25</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-26"></i>
                    <div class="name">emoji-27</div>
                    <div class="fontclass">.ia-emoji-26</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-27"></i>
                    <div class="name">emoji-28</div>
                    <div class="fontclass">.ia-emoji-27</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-28"></i>
                    <div class="name">emoji-29</div>
                    <div class="fontclass">.ia-emoji-28</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-emoji-29"></i>
                    <div class="name">emoji-30</div>
                    <div class="fontclass">.ia-emoji-29</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-san"></i>
                    <div class="name">伞</div>
                    <div class="fontclass">.ia-san</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shoutao"></i>
                    <div class="name">手套</div>
                    <div class="fontclass">.ia-shoutao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bangbangtang"></i>
                    <div class="name">棒棒糖</div>
                    <div class="fontclass">.ia-bangbangtang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-saikou"></i>
                    <div class="name">塞口</div>
                    <div class="fontclass">.ia-saikou</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jiangpai"></i>
                    <div class="name">奖牌</div>
                    <div class="fontclass">.ia-jiangpai</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shuibei"></i>
                    <div class="name">水杯</div>
                    <div class="fontclass">.ia-shuibei</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-new"></i>
                    <div class="name">最新new</div>
                    <div class="fontclass">.ia-new</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-star"></i>
                    <div class="name">置顶推荐top</div>
                    <div class="fontclass">.ia-star</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-hot"></i>
                    <div class="name">热门hot</div>
                    <div class="fontclass">.ia-hot</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-arrowup"></i>
                    <div class="name">向上、到顶部</div>
                    <div class="fontclass">.ia-arrowup</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-arrowdown"></i>
                    <div class="name">向下、到底部</div>
                    <div class="fontclass">.ia-arrowdown</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-menu"></i>
                    <div class="name">目录、导航</div>
                    <div class="fontclass">.ia-menu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-paper"></i>
                    <div class="name">文档、文章、document</div>
                    <div class="fontclass">.ia-paper</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-editor"></i>
                    <div class="name">编辑、editor</div>
                    <div class="fontclass">.ia-editor</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-label_fill"></i>
                    <div class="name">标签、label</div>
                    <div class="fontclass">.ia-label_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-link"></i>
                    <div class="name">链接、link</div>
                    <div class="fontclass">.ia-link</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-sort"></i>
                    <div class="name">目录、列表、更多、list</div>
                    <div class="fontclass">.ia-sort</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-share"></i>
                    <div class="name">分享、share</div>
                    <div class="fontclass">.ia-share</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-schedule"></i>
                    <div class="name">时间、time</div>
                    <div class="fontclass">.ia-schedule</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-home"></i>
                    <div class="name">主页、首页、home</div>
                    <div class="fontclass">.ia-home</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-chakan"></i>
                    <div class="name">查看、eye</div>
                    <div class="fontclass">.ia-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-print"></i>
                    <div class="name">打印机、print</div>
                    <div class="fontclass">.ia-print</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-menu1"></i>
                    <div class="name">导航、更多</div>
                    <div class="fontclass">.ia-menu1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-qr-code"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.ia-qr-code</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-stack"></i>
                    <div class="name">返回顶部、置顶</div>
                    <div class="fontclass">.ia-stack</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-timerauto"></i>
                    <div class="name">个人中心、人形</div>
                    <div class="fontclass">.ia-timerauto</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-off-search"></i>
                    <div class="name">关闭、close</div>
                    <div class="fontclass">.ia-off-search</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-speechbubble"></i>
                    <div class="name">评论、聊天</div>
                    <div class="fontclass">.ia-speechbubble</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-calendar2"></i>
                    <div class="name">日历、日期</div>
                    <div class="fontclass">.ia-calendar2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-arrowleft"></i>
                    <div class="name">上一页、后退</div>
                    <div class="fontclass">.ia-arrowleft</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-arrowright"></i>
                    <div class="name">下一页、前进</div>
                    <div class="fontclass">.ia-arrowright</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-localoffer"></i>
                    <div class="name">书签、标签</div>
                    <div class="fontclass">.ia-localoffer</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-nav-search"></i>
                    <div class="name">搜索、search</div>
                    <div class="fontclass">.ia-nav-search</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-repeat"></i>
                    <div class="name">随机排序</div>
                    <div class="fontclass">.ia-repeat</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-folder"></i>
                    <div class="name">文件夹、目录、分类</div>
                    <div class="fontclass">.ia-folder</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiala3"></i>
                    <div class="name">下 拉</div>
                    <div class="fontclass">.ia-xiala3</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtaihongse"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-zhuangtaihongse</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.ia-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fanhui"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.ia-fanhui</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiayibu"></i>
                    <div class="name">下一步</div>
                    <div class="fontclass">.ia-xiayibu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanbi3"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.ia-guanbi3</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhengque"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.ia-zhengque</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-chaxun"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.ia-chaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-saoma"></i>
                    <div class="name">扫码</div>
                    <div class="fontclass">.ia-saoma</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shezhi2"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.ia-shezhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pengyou1"></i>
                    <div class="name">朋友</div>
                    <div class="fontclass">.ia-pengyou1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.ia-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.ia-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yuyin"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.ia-yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanzhu"></i>
                    <div class="name">关注</div>
                    <div class="fontclass">.ia-guanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yiguanzhu"></i>
                    <div class="name">已关注</div>
                    <div class="fontclass">.ia-yiguanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-liaotian"></i>
                    <div class="name">聊天</div>
                    <div class="fontclass">.ia-liaotian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-kejian"></i>
                    <div class="name">可见</div>
                    <div class="fontclass">.ia-kejian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bukejian"></i>
                    <div class="name">不可见</div>
                    <div class="fontclass">.ia-bukejian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shengyin"></i>
                    <div class="name">声音</div>
                    <div class="fontclass">.ia-shengyin</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shipinwenjian"></i>
                    <div class="name">视频文件</div>
                    <div class="fontclass">.ia-shipinwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xihuan1"></i>
                    <div class="name">喜欢</div>
                    <div class="fontclass">.ia-xihuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bofang"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.ia-bofang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dianping"></i>
                    <div class="name">点评</div>
                    <div class="fontclass">.ia-dianping</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiangji"></i>
                    <div class="name">相机</div>
                    <div class="fontclass">.ia-xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pengyoutuijian"></i>
                    <div class="name">朋友推荐</div>
                    <div class="fontclass">.ia-pengyoutuijian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fensi"></i>
                    <div class="name">粉丝</div>
                    <div class="fontclass">.ia-fensi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-weizhi"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.ia-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-gerenshezhi"></i>
                    <div class="name">个人设置</div>
                    <div class="fontclass">.ia-gerenshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-gengduo1"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.ia-gengduo1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fenlei1"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.ia-fenlei1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jieshao1"></i>
                    <div class="name">介绍</div>
                    <div class="fontclass">.ia-jieshao1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pengyouquan"></i>
                    <div class="name">朋友圈</div>
                    <div class="fontclass">.ia-pengyouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-rongyu"></i>
                    <div class="name">荣誉</div>
                    <div class="fontclass">.ia-rongyu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-gerenzhuye"></i>
                    <div class="name">个人主页</div>
                    <div class="fontclass">.ia-gerenzhuye</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wodeshoucang"></i>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">.ia-wodeshoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wode2"></i>
                    <div class="name">我的</div>
                    <div class="fontclass">.ia-wode2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiaoxi1"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.ia-xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuye"></i>
                    <div class="name">主页</div>
                    <div class="fontclass">.ia-zhuye</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai2"></i>
                    <div class="name">状态5</div>
                    <div class="fontclass">.ia-zhuangtai2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-zhuangtai3"></i>
                    <div class="name">状态</div>
                    <div class="fontclass">.ia-zhuangtai3</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-APP"></i>
                    <div class="name">APP</div>
                    <div class="fontclass">.ia-APP</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bangdan"></i>
                    <div class="name">热榜</div>
                    <div class="fontclass">.ia-bangdan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-choujiang"></i>
                    <div class="name">抽奖</div>
                    <div class="fontclass">.ia-choujiang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dagou"></i>
                    <div class="name">打勾</div>
                    <div class="fontclass">.ia-dagou</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.ia-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-changjianwenti"></i>
                    <div class="name">常见问题</div>
                    <div class="fontclass">.ia-changjianwenti</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-daishouhuo"></i>
                    <div class="name">待收货</div>
                    <div class="fontclass">.ia-daishouhuo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dengdaishouhuo"></i>
                    <div class="name">等待收货</div>
                    <div class="fontclass">.ia-dengdaishouhuo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-daichengtuan"></i>
                    <div class="name">待成团</div>
                    <div class="fontclass">.ia-daichengtuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-daifahuo"></i>
                    <div class="name">待发货</div>
                    <div class="fontclass">.ia-daifahuo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-daifukuan"></i>
                    <div class="name">待付款</div>
                    <div class="fontclass">.ia-daifukuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dizhi"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.ia-dizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.ia-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dianhua2"></i>
                    <div class="name">电话 (1)</div>
                    <div class="fontclass">.ia-dianhua2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-dingdan"></i>
                    <div class="name">订单</div>
                    <div class="fontclass">.ia-dingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.ia-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-fenlei"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.ia-fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-huodong"></i>
                    <div class="name">活动</div>
                    <div class="fontclass">.ia-huodong</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jifen"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.ia-jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jiahao1"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.ia-jiahao1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jifenshangcheng"></i>
                    <div class="name">积分商城</div>
                    <div class="fontclass">.ia-jifenshangcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-huo"></i>
                    <div class="name">火</div>
                    <div class="fontclass">.ia-huo</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jianhao"></i>
                    <div class="name">减号</div>
                    <div class="fontclass">.ia-jianhao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-jieshao"></i>
                    <div class="name">介绍</div>
                    <div class="fontclass">.ia-jieshao</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-kefu"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.ia-kefu</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-miaosha"></i>
                    <div class="name">秒杀</div>
                    <div class="fontclass">.ia-miaosha</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-mendian"></i>
                    <div class="name">门店</div>
                    <div class="fontclass">.ia-mendian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-liuyan1"></i>
                    <div class="name">留言</div>
                    <div class="fontclass">.ia-liuyan1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-mendianzitidaihexiaosvg"></i>
                    <div class="name">门店自提－待核销svg</div>
                    <div class="fontclass">.ia-mendianzitidaihexiaosvg</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-nan"></i>
                    <div class="name">男</div>
                    <div class="fontclass">.ia-nan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-nv"></i>
                    <div class="name">女</div>
                    <div class="fontclass">.ia-nv</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.ia-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shezhi1"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.ia-shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-pintuan"></i>
                    <div class="name">拼团</div>
                    <div class="fontclass">.ia-pintuan</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shandian"></i>
                    <div class="name">闪电</div>
                    <div class="fontclass">.ia-shandian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.ia-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shoucang"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.ia-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouye1"></i>
                    <div class="name">首页 (1)</div>
                    <div class="fontclass">.ia-shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouye-shouye"></i>
                    <div class="name">首页-首页</div>
                    <div class="fontclass">.ia-shouye-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouhou"></i>
                    <div class="name">售后</div>
                    <div class="fontclass">.ia-shouhou</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-shouye2"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.ia-shouye2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wode1"></i>
                    <div class="name">我的</div>
                    <div class="fontclass">.ia-wode1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wxpay"></i>
                    <div class="name">微信支付</div>
                    <div class="fontclass">.ia-wxpay</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wodepinglun"></i>
                    <div class="name">我的评论2</div>
                    <div class="fontclass">.ia-wodepinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wodedizhi"></i>
                    <div class="name">我的地址</div>
                    <div class="fontclass">.ia-wodedizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wujiaoxing"></i>
                    <div class="name">五角星</div>
                    <div class="fontclass">.ia-wujiaoxing</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-wuliu1"></i>
                    <div class="name">物流</div>
                    <div class="fontclass">.ia-wuliu1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-xiaoxi"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.ia-xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-selected"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.ia-selected</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-yue"></i>
                    <div class="name">余额</div>
                    <div class="fontclass">.ia-yue</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-coupon"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.ia-coupon</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-balance"></i>
                    <div class="name">余额支付</div>
                    <div class="fontclass">.ia-balance</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-alipay"></i>
                    <div class="name">支付宝支付</div>
                    <div class="fontclass">.ia-alipay</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-2"></i>
                    <div class="name">level-2</div>
                    <div class="fontclass">.ia-level-2</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-4"></i>
                    <div class="name">level-4</div>
                    <div class="fontclass">.ia-level-4</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-5"></i>
                    <div class="name">level-5</div>
                    <div class="fontclass">.ia-level-5</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-1"></i>
                    <div class="name">level-1</div>
                    <div class="fontclass">.ia-level-1</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-3"></i>
                    <div class="name">level-3</div>
                    <div class="fontclass">.ia-level-3</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-6"></i>
                    <div class="name">level-6</div>
                    <div class="fontclass">.ia-level-6</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-7"></i>
                    <div class="name">level-7</div>
                    <div class="fontclass">.ia-level-7</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-8"></i>
                    <div class="name">level-8</div>
                    <div class="fontclass">.ia-level-8</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-9"></i>
                    <div class="name">level-9</div>
                    <div class="fontclass">.ia-level-9</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-11"></i>
                    <div class="name">level-11</div>
                    <div class="fontclass">.ia-level-11</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-10"></i>
                    <div class="name">level-10</div>
                    <div class="fontclass">.ia-level-10</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-13"></i>
                    <div class="name">level-13</div>
                    <div class="fontclass">.ia-level-13</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-15"></i>
                    <div class="name">level-15</div>
                    <div class="fontclass">.ia-level-15</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-14"></i>
                    <div class="name">level-14</div>
                    <div class="fontclass">.ia-level-14</div>
                </li>
            
                <li>
                <i class="icon iconfont ia-level-12"></i>
                    <div class="name">level-12</div>
                    <div class="fontclass">.ia-level-12</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">ia-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
